<template>
    <div id="app">
        <AsoBtn>开发按钮1</AsoBtn>
        <AsoBtn>开发2</AsoBtn>

        <aasoBtn>打包后单文件按钮1</aasoBtn>
        <aasoBtn>打包后单文件按钮2</aasoBtn>
    </div>
</template>

<script>
// 开发时候的.vue组件
import AsoBtn from "./components/AsoBtn.vue";
// 打包后的单文件组件
import aasoBtn from "../dist/aso-btn.esm";

export default {
    name: "App",
    components: {
        AsoBtn,
        aasoBtn,
    },
};
</script>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    background-color: #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
</style>
